<template>
  <div>
    <div class="success-msg">
      <img
        src="@/assets/success.png"
        style="
          width: 70px;
          height: 70px;
          margin: 0 auto;
          margin-top: 37px;
          display: block;
        "
      />

      <span>订单提交成功</span><br />
      <p style="text-align: center">订单审核通过后，我们将尽快安排邮寄</p>

      <p style="text-align: center">查询物流请点击：</p>
      <div
        style="
          padding: 5px 10px;
          border-radius: 15px;
          background: #409eff;
          width: 120px;
          margin: 20px auto;
        "
      >
        <a
          href="#/searchOrder"
          style="color: #fff; font-size: 14px; position: relative; top: -2px"
          >订单查询</a
        >
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "success",

  data() {
    return {};
  },

  mounted() {},

  methods: {},
};
</script>

<style scoped>
.success-msg {
  padding: 20px 0;
  box-sizing: border-box;
  text-align: center;
}
.success-msg span {
  font-weight: bold;
  color: #333333;
  font-size: 20px;
  display: inline-block;
  margin-top: 29px;
}
.success-msg p {
  margin: 5px 0;
  color: #444;
  font-size: 15px;
  text-align: left;
  padding: 0 20px;
  margin-top: 20px;
}
</style>